/* Website template by freewebsitetemplates.com */
/*------------------------- Fonts ------------------------*/
* {
    padding: 0px;
    margin: 0px;
}
@font-face {
	font-family: 'anticregular';
	src: url('../fonts/antic-regular-webfont.eot');
	src: url('../fonts/antic-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/antic-regular-webfont.woff') format('woff'),  url('../fonts/antic-regular-webfont.ttf') format('truetype'),  url('../fonts/antic-regular-webfont.svg#anticregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*------------------------- Layout styles ------------------------*/
body {
	font-family: Helvetica, Arial, sans-serif;
	background:url(../images/background.jpg) center;
}
a {
	outline:none;
	text-decoration:none;
}
a:visited {
    color:#00F;
}
a img {
	border:0;
	display:block;
}
p {
	line-height:24px;
	letter-spacing:0.05em;
}
p a {
	color:#959595;
}
p a:hover {
	color:#1bb5ac;
}
input[type=text]{
	height:20px;
}
input[type="radio"] {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%),
                      -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%);
    border-radius: 10px;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8),
	 0px 0px 0px 1px rgba(44, 227, 46, 0.6), 
	 0px 2px 3px rgba(0, 12, 251, 0.6), 
	 0px 4px 3px rgba(53, 60, 210, 0.4);
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 5px 5px 7px 0;
    width: 15px;
    -webkit-appearance: none;
}

/*------------------------- Header ------------------------*/
#header {
	height:100px;
	width:1349px;
	margin:0 auto;
	
}
#header div {
	margin:0 auto;
	overflow:hidden;
	padding:0 0 0 29px;
	width:931px;
	
}
#header div a#logo {
	display:block;
	float:left;
	margin:7px 0 13px 0;
}
#header div ul {
	float:right;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
}
#header div ul li {
	float:left;
	height:130px;
	text-align:center;
	width:110px;
}
#header div ul li a {
	color:#787b66;
	display:block;
	height:130px;
	letter-spacing:.075em;
	line-height:150px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	width:110px;
}
#header div ul li a:hover {
	color:#1bb5ac;
}
#header div ul li.selected a{
	color:#1bb5ac;
}
/*------------------------- Banner ------------------------*/
#banner{
	margin:0px auto;
	height:350px;
	width:1200px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#iframeslider{
	width:1200px;
	height:350px;
	margin-top:0px;
}
/*------------------------- Body ------------------------*/
#content {
	min-height:800px;
	margin:0 auto;
	width:1340px;
	
}
#leftcontent
{
	float:left;
	min-height:100px;
	margin:10px 0 0 37px;	
}
#menuleft{
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8),
	 0px 5px 5px 5px rgba(57, 71, 57, 0.6), 
	 0px 5px 5px rgba(0, 12, 251, 0.6), 
	 0px 5px 5px rgba(53, 60, 210, 0.4);
}
.titleleft001
{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  font-family: Arial;
  color: #ffffff;
  font-size:16px;
  padding:10px 0 0 15px;
  text-decoration: none;
  width:285px;
  height:30px;
  color:#FFF;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:bold;
}
.titleleft001 img{
	float:left;
	margin:0 5px 0 0;
}
#loginleft
{
	margin:15px 0 5px 0;
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8),
	 0px 5px 5px 5px rgba(57, 71, 57, 0.6), 
	 0px 5px 5px rgba(0, 12, 251, 0.6), 
	 0px 5px 5px rgba(53, 60, 210, 0.4);
}
.subleft001
{
padding: 15px 20px;
border-left: 1px solid #3E7A13;
border-right: 1px solid #3E7A13;
border-top: 1px solid #3E7A13;
cursor: pointer;
z-index: 2;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
background: linear-gradient(#5FBC1D, #54A61A) repeat scroll 0% 0% transparent;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
}
#loginleft div.subleft001
{
	 line-height:30px;
}
#loginleft input[type=text]{
	height:20px;
}

#rightcontent
{
	float:right;
	min-height:500px;
	width:975px;	
	background:#FFF;
	margin:10px 20px 0 0;
	
	 box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8),
	 0px 5px 5px 5px rgba(57, 71, 57, 0.6), 
	 0px 5px 5px rgba(0, 12, 251, 0.6), 
	 0px 5px 5px rgba(53, 60, 210, 0.4);
	 
    -moz-border-radius: 0 0 10px 0px;
    -webkit-border-radius:  0 0 10px 0px;
    -ms-border-radius: 0 0 10px 0px;
    -o-border-radius: 0 0 10px 0px;
    border-radius: 5px 5px 5px 5px;
}
.clear	{
	clear: both;
	font-size: 0px;
	height: 0;
	line-height: 0px;
	margin: 5px;
	padding: 0px;
	}
/*------------------------- Sân ------------------------*/	
#content001
{
	margin:30px 30px 30px 30px;
}
div.rightcontentsan001
{
	width:100%;
	height:200px;
}
div.rightcontentimg
{
	float:left;
	margin-right:10px;
}
div.rightcontentdes
{
	height:47px;
}
/*------------------------- Đặ Sân ------------------------*/
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../images/loader.gif) 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
#formdatsan{
	background:url(../images/clean_login_reg_form.png) center no-repeat;
	min-height:350px;
	position:relative;
}
#formdatsan #tieudedatsan{
	font-family:Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	font-weight:bold;
	color:#FFF;
	left:30%;
	margin-top:5px;
	position:absolute;
	text-align:center;
}
#formdatsan #datsandinhky{
	position:absolute;
	left:20%;
	top:16%;
}
#formdatsan #date_timepicker_start{
	position:absolute;
	left:18%;
	top:34%;
	width:240px;
}
#formdatsan #date_timepicker_end{
	position:absolute;
	left:18%;
	top:49%;
	width:240px;
}
#formdatsan #thoigianbd{
	position:absolute;
	left:18%;
	top:65%;
	width:240px;
}
#formdatsan #thoigiankt{
	position:absolute;
	left:18%;
	top:83%;
	width:240px;
}
#formdatsan #sMonday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:10px;
}
#formdatsan #sTuesday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:35px;
}
#formdatsan #sWednesday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:60px;
}
#sThursday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:85px;
}
#formdatsan #sFriday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:110px;
}
#formdatsan #sSaturday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:135px;
}
#formdatsan #sSunday{
	position:absolute;
	left:55%;
	top:15%;
	margin-top:160px;
}
#formdatsan #buttondatsan{
	position:absolute;
	left:67%;
	top:87%;
	color:#FFF;
	width:132px;
	height:26px;
	text-align:center;
	cursor:pointer;
	padding-top:4px;
	background: #3498db;
  	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  	background-image: -o-linear-gradient(top, #3498db, #2980b9);
  	background-image: linear-gradient(to bottom, #3498db, #2980b9);
  	-webkit-border-radius: 28;
  	-moz-border-radius: 28;
  	border-radius: 28px;
  	text-decoration: none;

}
#formdatsan #buttondatsan:hover{
	background: #5fadfa;
  background-image: -webkit-linear-gradient(top, #5fadfa, #0a0a57);
  background-image: -moz-linear-gradient(top, #5fadfa, #0a0a57);
  background-image: -ms-linear-gradient(top, #5fadfa, #0a0a57);
  background-image: -o-linear-gradient(top, #5fadfa, #0a0a57);
  background-image: linear-gradient(to bottom, #5fadfa, #0a0a57);
  text-decoration: none;
}
/*------------------------đặt sân theo giờ -----------------*/
#formdatsangio
{
	position:relative;
	width:100%;
}
#bgdatsangio
{
	position:relative;
	 background: #d8e0f0 ;
  background-image: -webkit-linear-gradient(top, #d8e0f0, #cad2e6);
  background-image: -moz-linear-gradient(top, #d8e0f0, #cad2e6);
  background-image: -ms-linear-gradient(top, #d8e0f0, #cad2e6);
  background-image: -o-linear-gradient(top, #d8e0f0, #cad2e6);
  background-image: linear-gradient(to bottom, #d8e0f0, #cad2e6);
  text-decoration: none;
	 -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius:  0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	width:610px;
	min-height:500px;
	margin:0 auto;
}
#bgdatsangio form
{
	position:absolute;
	margin:70px 5px 10px 7px;
}
#bgdatsangio #datsandinhky{
	
}
#bgdatsangio #thoigianbd{
	margin:10px 0 0 50px;
}
#bgdatsangio #thoigiankt{
	margin:10px 0 0 44px;
}
#bgdatsangio #date_timepicker_start{
	
}
#bgdatsangio #date_timepicker_end{
			

}

#bgdatsangio #datdinhky{
	margin-top:10px;
}
#titlebutton
{
	position:absolute;
	background:url(../images/thongtindangky.png) no-repeat top;
	width:650px;
	height:47px;
	left:15%;
	top:0px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
#titlebutton h3
{
	margin-top:4px;
}
#bgdatsangio #buttondatsan{
	margin-left:40%;
	color:#FFF;
	width:132px;
	height:26px;
	text-align:center;
	cursor:pointer;
	padding-top:4px;
	background: #3498db;
  	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  	background-image: -o-linear-gradient(top, #3498db, #2980b9);
  	background-image: linear-gradient(to bottom, #3498db, #2980b9);
  	-webkit-border-radius: 28;
  	-moz-border-radius: 28;
  	border-radius: 28px;
  	text-decoration: none;

}
/*------------------------- Footer ------------------------*/
#footer {	
	margin-top:10px;
	height:50px;
	background:#CCC;
}
#designer{
	margin:0 auto;
	max-width:380px;
	padding:20px 0 0 0 ;

}
/*------------------------- Tintuc ------------------------*/
#nguonthongtin {
	
	background: linear-gradient(to bottom, #3498DB, #2980B9) repeat scroll 0% 0% #3498DB;
	color: #FFF;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size:24px;
	height:45px;
	position:relative;
	margin-bottom:25px;
}
#nguonthongtin span{
	position:absolute;
	margin:6px 0 0 5px;
}
.block_mid_new {
    background: none repeat scroll 0% 0% transparent;
}
.block_mid_new {
    width: 100%;
    float: left;
}
ul, li {
    list-style-type: none;
	padding-bottom: 0px;
}
#col_1 {
    width: 100%;
    float: left;
}
.title_news {
    float: none;
    width: auto;
	padding: 0px 0px 5px;
}
.block_image_news {
    width: 100%;
    float: left;
}
.bottom_pagination {
    padding: 10px 0px 10px;
}
.width_common {
    width: 100%;
    float: left;
}
.pagination_news a {
    float: left;
    display: inline-block;
    height: 22px;
    border: 1px solid #D6D6D6;
    padding: 0px 10px;
    color: #000;
    font: 400 11px/24px arial;
    border-radius: 3px;
    margin: 0px 0px 0px 6px;
}
#search_page .pagination_news a.pa_next:hover, .pa_next {
    background: url(../images/bg-triangle.jpg) no-repeat scroll left top transparent;
}
/*------------------------- Đăng ký------------------------*/
#dangkycss{
	position:relative;
}
#dangkytitle {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 23px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:880px;
 
}
.Divtext input[type=text],.Divtext input[type=password]
{
	font-size:14px;
	height:25px;
	size:16px;
	position:absolute;
	left:30%;
	width:250px;
}
.Divtext label
{
	position:absolute;
	left:60%;
}
.Divtext input[type=submit]
{
	position:absolute;
	left:30%;
	width:88px;
	height:45px;
	font-size:16px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}

.Divtext input[type=reset]{
	position:absolute;
	left:45%;
	width:88px;
	height:45px;
	font-size:16px;
	font-weight:bold;
	 font-family: Helvetica, Arial, sans-serif;
}
.Divtext span
{
	color:#F00;
}
.Divtext
{
	margin:25px 0 0 2px;
}

/*------------------------- Hướng Dẫn-----------------------*/

#san_menu{
	background:url(../images/background-wallpapers-32.jpg)  repeat-x;
	width:940px;
	height:460px;
	position:relative;
	margin-left:-15px;
	
	}
#menu_left{
	font-weight:bold;
	font-size:14px;
	width:210px;
	position:absolute;
	top:0px;
	left:-1px;
	z-index:1000;
	color:#FFF;
	}
.chon_san{
	width:210px;
	height:40px;
	margin-left:3px;
	text-align:center;
	background:url(../images/thanhrapchieu1.png) no-repeat;
	cursor:pointer;
	padding-top:10px;
}
#san_right{
	width:800px;
	height:400px;
	position:absolute;
	top:0px;
	left:190px;
	font-size:12px;
	color:#FFF;
	}
.active2{
	background:url(../images/thanhrapchieu.png) no-repeat;
	}
#qc_san{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	background:url(../images/s_header_loop.jpg) repeat-x;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	width:500px;
	height:100px;
	float:left;
	margin-top:10px;
	}
 #hinhanh{
	 width:50px;
	 height:50px;
	 margin-top:50px;
	 margin-left:20px;
	 
	 }

/*------------------------- End Hướng Dẫn-----------------------*/

/*------------------------- Thông tin đặt sân-----------------------*/
.thongtin-table{
	font-family: Gothic;
	font-weight: normal;
	font-size: 16px;
	margin-bottom:10px;
}